<template>
  <div class="child">
    <h1>我是Child组件</h1>
    <h3>我有一台游戏机：{{toy}}</h3>
    <button @click="$emit('send-toy',toy)">点我把游戏机给父亲</button>
    <button @click="$emit('send-computer',computer)">点我把电脑给父亲</button>
    <button @click="$off('send-computer')">解绑掉我身上的send-computer事件</button>
    <button @click="$off()">解绑掉我身上的所有事件</button>
  </div>
</template>

<script>
  export default {
    name:'Child',
    data() {
      return {
        toy:'小霸王游戏机',
        computer:'联想'
      }
    },
  }
</script>

<style scoped>
  .child {
    background-color: skyblue;
    padding: 20px;
  }
</style>